*{
    margin: 0px;
    padding: 0px;
}

.header{
    width: 100%;
    height: 60px;
    background-color: rgb(15, 129, 236);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .logo {
    font-size: 28px;
}
.header .nav{
    display: flex;
    width: 60%;
    height: 100%;
    margin-left: -100px;
}
.header .nav .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 300px;
}
.header .nav .active {
    background-color: rgb(10, 214, 204);
    border-radius: 10px;
    color: #fff;
}
.header .nav .nav-item:hover{
    background-color: rgb(10, 214, 204);
    border-radius: 10px;
    color: #fff;
}

.conent{
    width: 100%;
    display: flex;
}
.conent .left {
    width: 20%;
    position: relative;
}
.conent .left .touch{
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
}
.conent .left .list {
    border: 1px solid #ccc;
    transform: scale(0.98);
    border-radius: 20px;
    height: 80vh;
    padding: 20px;
    box-shadow: 5px 5px 5px #ccc;
}
.conent .center{
    position: relative;
    width: 50%;
}
.conent .center .video {
    border-radius: 10px;
    margin-top: 50px;
    border: 1px solid #ccc;
    height: 50vh;
    box-shadow: 5px 5px 5px #ccc;
}

.conent .title {
    position: absolute;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    font-size: 20px;
    color: rgb(0, 140, 255);
}
.img-list{
    display: flex;
    justify-content: space-around;
}

.img{
    width: 250px;
    height: 150px;
    border-radius: 20px;
    border: 1px solid #ccc;
    position: relative;
}
a{
    text-decoration: none;
    color: #fff !important;
}
.img1{
    background-size: 100% 100%;
    background-image: url(https://www.baidu.com/link?url=k2ep2aWD_0etzrZ5TKpFuRcGkQg__6QS5QmKUsOzncacOyGSPd8Snz3HGxeUYtmeA0ZUYk_tBd2cUcss7r0_HANlL7lkJZFJqdTVxTfMfvHLMdGERI_QDJfOwpQJvU058qVpWRv5ADWzW3YLJfX4PS01Ci4o-alMxsJ6FTPYGxlsI5fa71RRkXLpJc59NbZlxQN2j6wXrxGvwebX56z6ZujGChcSsTLzvbM9h9er9MKtOLjin06qQr6s46ZLqWZk5373zIvM23dA5mRE0iYBIRjxqg36Pxf8RaUJR_hun62W79-o64e_HFrDGL9CDqsbFq1h344UoJO_rp9IrZbQ92Wyc2gx_IhRUoFS9RnhC2by1McTG-hEGTHlSEOm78vzeyiqj_k-W9n10bgsCRCIwg2XIiajEBoQmGH1f2BLegmXHKHgAx_7vhkfIukIgGo7hroo46El6epOSaZYyCyQBMrW61tnT96Q2VHm9GsT0lvL5hhJt3nINEQ9zwHQvv-KJg4TxktVo-P8a5Jf9gsNw0PTCHqaRSE8p3v0z3qPPd4UlTrepa3izy-52Mm1KzLiq2npAd0YBsxDURXsnOdJ1iNLrkkdrjMUTPiiThU4tZ3&timg=https%3A%2F%2Fss0.bdstatic.com%2F94oJfD_bAAcT8t7mm9GUKT-xh_%2Ftimg%3Fimage%26quality%3D100%26size%3Db4000_4000%26sec%3D1601176548%26di%3D36911fae5a613501c0c23cfe5c39602e%26src%3Dhttp%3A%2F%2Fa3.att.hudong.com%2F14%2F75%2F01300000164186121366756803686.jpg&click_t=1601176577314&s_info=1905_880&wd=&eqid=bc2405f400007b50000000065f7003e4);
}
.close::after{
    position: absolute;
    right: -10px;
    transform: scale(0.7);
    top: -10px;
    content: ' ';
    background: url(../image/关闭.png);
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
    border: 1px solid;
    border-radius: 50%;
}

.mode-list{
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    font-size: 20px;
    color: rgb(0, 102, 255);
}
.conent .right {
    width: 30%;
    height: calc(100vh - 60px);
}

.conent .right #dataline {
    width: 100%;
    height: 40vh;
}

.conent .right #datacrc {
    width: 100%;
    height: 40vh;
}
.conent .right .datanum{
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.conent .right .datanum div{
    height: 40px;
    font-weight: 400;
    font-size: 25px;
}

.listitem1{
    position: relative;
}
.listitem1-1 {
    padding-left: 10px;
}
.listitem1-2 {
    padding-left: 20px;
}
.listitem1-3 {
    padding-left: 30px;
}

.item-active{
    background-color: aqua;
    width: 100%;
}

.ltnlist{
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
 button {
    width: 100px;
    height: 40px;
    margin: 0px 40px;
}

.left-mode{
    position: absolute;
    bottom: 120px;
    right: 50px;
}
/* 添加视频 */
.tianjia{
    font-size: 100px;
    text-align: center;
    border: 1px solid #ccc;
    height: 150px;
}